<template>
  <div :style="{width, height}"
       class="loading">
    <img :src="loadingImg"
         :style="{width: imgSize, height: imgSize}"/>
  </div>
</template>

<script lang="ts"
        setup>
import loadingImg from '@/assets/images/loading.gif'

withDefaults(defineProps<{
  width?: string,
  height?: string,
  imgSize?: string
}>(), {
  width: '100%',
  height: '100%',
  imgSize: '60px'
})
</script>

<style lang="less"
       scoped>
.loading {
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>